import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { RouterProvider } from "react-router-dom";
// import * as mobx from 'mobx';
import { Provider } from 'mobx-react';

import {
  userStore,
  // appStore,
  // deptStore,
  // chatStore,
  // friendStore,
  // groupStore,
  // userGroupStore,
  // tagGroupStore,
  // routerStore,
  // messageStatusStore,
  // messageReadStore,
  // allChatStore,
  // chatMessageStore,
} from '@/store';

import AppRouter from './router/AppRouter';
import './index.less';

window.global =  window.global || window;
// import App from "./App";

// mobx.configure({
//   computedRequiresReaction: true,
//   isolateGlobalState: true,
//   disableErrorBoundaries: true
// });

const stores = {
	// systemStore,
  // routerStore,
  // loginStore,
  // mainStore,
  // chatStore,
  // friendStore,
  // groupStore,
  // tagGroupStore,
  // userGroupStore,
  // deptStore,
  // requestStore,
  // createGroupStore,
  userStore,
  // appStore,
  // messageStatusStore,
  // messageReadStore,
  // allChatStore,
  // chatMessageStore,
};

createRoot(document.getElementById("root") as HTMLElement).render(
  <StrictMode>
    <Provider {...stores}>
      <RouterProvider router={AppRouter} />
    </Provider>
  </StrictMode>,
);
